body,
html,
#app {
  width: 100%;
  height: 826px;
  font-family: 'Source Han Sans SC';
  font-style: normal;
  overflow: hidden;
}

.bg-main {
  background-color: #4979ff;
}

.bg-warn {
  background-color: #ff3b4e;
}

.bg-badge {
  background-color: #db2626;
}

.bg-detail {
  background-color: #dfdfdf;
}

.bg-disable {
  background-color: #ababab;
}

.bg-secondary {
  background-color: #333;
}

.bg-sup {
  background-color: #ffde33;
}

// bg-mask
@each $var in (1, 2, 3, 4, 5, 6, 7, 8, 9) {
  .bg-mask-#{$var} {
    background-color: rgba(0, 0, 0, $var * 0.1);
  }
}
@each $var in (1, 2, 3, 4, 5, 6, 7, 8, 9) {
  .bg-mask-white-#{$var} {
    background-color: rgba(255, 255, 255, $var * 0.1);
  }
}
@each $var in (1, 2, 3, 4, 5, 6, 7, 8, 9) {
  .bg-mask-shallow-white-#{$var} {
    background-color: rgba(217, 217, 217, $var * 0.1);
  }
}
// color-white-opacity
@each $var in (1, 2, 3, 4, 5, 6, 7, 8, 9) {
  .color-white-opacity-#{$var} {
    color: rgba(255, 255, 255, $var * 0.1);
  }
}

// bg-cart-item
.bg-card-item {
  background-color: #070c12;
}
.color-sup {
  color: #ffde33;
}
.border-sup {
  border: 1px solid #ffde33;
}

// font-weight
.font-weight-350 {
  font-weight: 350;
}

// border
.border-secondary {
  border: 1px solid #ababab;
}

.color-secondary {
  color: #ababab;
}

.color-word {
  color: #333;
}

.border-img {
  border: 1px solid #fff;
}

.border-bottom-user {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.border-user-order {
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.border-main {
  border: 2px solid #4979ff;
}

.color-main {
  color: #4979ff;
}

.color-coupon {
  color: #ea5148;
}

.bg-coupon {
  background-color: #ea5148;
}
.bg-seckill {
  background-color: #da8b2a;
}

::-webkit-scrollbar {
  display: none;
}

@keyframes carmove {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.moveToCart {
  animation: carmove 0.5s ease-in-out;
}
